<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>Gfast开源框架演示站点</title>
    <meta name="keywords" content="GO后台管理系统 GO权限管理系统 GO前后端分离框架">
    <meta name="description"
          content="Gfast前后端分离框架由奇讯科技团队研发，公司以以统计宏观数据库平台、挂图作战(督办)指挥平台为主打产品,为您提供网站建设、软件开发、APP软件定制。0874-3331516">
    <meta name="SiteName" content="Gfast官方网站">
    <meta name="SiteDomain" content="http://www.g-fast.cn">
    <link rel="shortcut icon" type="image/x-icon" href="${.domain}image/favicon.ico">
    <link rel="stylesheet" type="text/css" href="${.domain}cms/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="${.domain}cms/css/qxkj.css"/>
    <link rel="stylesheet" type="text/css" href="${.domain}cms/css/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <link href="${.domain}css/swiper-6.1.1/swiper-bundle.min.css" rel="stylesheet">
    <script type="text/javascript" src="${.domain}js/jquery1.9.1/jquery.min.js"></script>
    <script src="${.domain}js/swiper-6.1.1/swiper-bundle.min.js"></script>
    <script type="text/javascript">
        $(function (){
            var mySwiper = new Swiper('.swiper-container', {
                loop: true, // 循环模式选项
                autoplay:false,
                 autoplay: {
                     delay: 3000, // 3秒切换一次
                 }, // 自动切换
                // 如果需要前进后退按钮
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            })
        })
    </script>
</head>

<body>
<div class="site">
    <div class="container">
        ${template "left_nav" .}
        <div class="content-wrapper">
            <div class="gslider">
                ${$newsParams := .newsParams}
                ${$newsParams := SetNewsParams $newsParams "IsSlide" "1"}
                ${$listSlide:=GetNewsList 0 5 (GetNewsParams $newsParams)}
                <!-- 图片滑动 -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        ${range $index,$article := $listSlide}
                        <div class="swiper-slide">
                            <a href="${$.domain}cms/show/${$article.CateList | getArticleCateId}/${$article.Id}" target="_blank">
                                <img src="${$.domain}${$article.Thumbnail}">
                                <h3 class="slide-title">${$article.NewsTitle}</h3>
                            </a>
                        </div>
                        ${end}
                    </div>
                    <!-- 分页器 -->
                    <div class="swiper-pagination"></div>
                    <!-- 导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
            <div class="recent-content">
                <h2><span>最新发布</span></h2>
                ${$list:=GetNewsList 0 7}
                ${range $index,$article := $list}
                <div class="lista">
                    <h3>
                        ${if eq $article.IsJump 1}
                        <a href="${$article.JumpUrl}" target="_blank">${subStr $article.NewsTitle 24}</a>
                        ${else}
                        <a href="${$.domain}cms/show/${$article.CateList | getArticleCateId}/${$article.Id}" target="_blank">${subStr $article.NewsTitle 24}</a>
                        ${end}
                    </h3>
                    <div class="pov">
                        <div class="sview">
                            <div class="sviewl">
                                <div class="tittop">
                                    <b>发布于 ${$article.PublishedTime|timeFormatYear}</b>
                                </div>
                                <div class="art_summary">
                                    <p>${subStr $article.NewsExcerpt 55}</p>
                                </div>
                                <div class="footbar">
                                    ${$menus:=GetVarsValue $article.CateList}
                                    ${range $k ,$v:=$menus}
                                    <i class="footbar-category"><a href="${$.domain}cms/list/${$k}">${$v}</a></i>
                                    ${end}
                                    <i class="footbar-like"><a href="javascript:;">阅读(${$article.NewsHits})</a></i>
                                </div>
                            </div>
                            ${if ne $article.Thumbnail ""}
                            <div class="sviewr">
                                ${if eq $article.IsJump 1}
                                <a href="${$article.JumpUrl}" target="_blank"><img src="${$.domain}${$article.Thumbnail}"></a>
                                ${else}
                                <a href="${$.domain}cms/show/${$article.CateList | getArticleCateId}/${$article.Id}" target="_blank"><img src="${$.domain}${$article.Thumbnail}"></a>
                                ${end}
                            </div>
                            ${end}
                        </div>
                    </div>
                </div>
                ${end}
            </div>
        </div>
        ${template "sitebar" .}
    </div>
</div>
</body>